/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require bootstrap
 *= require_tree .
 *= require_self

*/

@import "bootstrap-sprockets";
@import "bootstrap";

/* from sample app*/
/* mixins, variables, etc. */
$grayMediumLight: #eaeaea;
$grayLight: #d3d3d3;
$grayDarker: #a9a9a9;
$grayLighter: #778899;

@mixin box_sizing{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


/* Universal*/

html {
	overflow-y: scroll;
}

body{
	padding-top: 60px;
}

section{
	overflow: auto;
}

textarea{
	resize: vertical;
}

.center {
	text-align: center;
	h1{
		margin-bottom: 10px;
	}
}

/* typography*/

h1, h2, h3, h4, h5, h6{
	line-height: 1;
}

h1 {
	font-size: 3em;
	letter-spacing: -2px;
	margin-bottom: 30px;
	text-align: center;
}

h2 {
	font-size: 1.7em;
	letter-spacing: -1px;
	margin-bottom: 30px;
	text-align: center;
	font-weight: normal;
	color: $grayLight;
}

p{
	font-size: 1.1em;
	line-height: 1.7em;
}

/* header */
#logo {
	float: left;
	margin-right: 10px;
	font-size: 1.7em;
	color: #000;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding-top: 9px;
	font-weight: bold;
	line-height: 1;
	&:hover{
		color: white;
		text-decoration: none;
	}
}

/*footer*/
footer{
	margin-top: 45px;
	padding-top:  5px;
	border-top: 1px solid $grayDarker;
	color: $grayLight;
	a {
		color: $gray;
		&:hover{
			color:$grayDarker;
		}
	}
	small{
		flost:left;
	}

	ul{
		float:right;
		list-style: none;
		li{
			float:left;
			margin-left: 10px;
		}
	}
}

/* sidebar */
aside{
	section{
		padding:10px 0;
		border-top: 1px solid $grayDarker;
		&:first_child {
			border: 0;
			padding-top: 0;
		}
		span{
			display:block;
			margin-bottom: 3px;
			line-height: 1;
		}
		h1{
			font-size: 1.6em;
			text-align: left;
			letter-spacing: -1px;
			margin-bottom: 3px;
		}
	}
}

/* forms */
input,textarea, select, .uneditable-input{
	border: 1px solid #bbb;
	width: 100%;
	padding: 10px;
	height: auto;
	margin-bottom: 15px;
	display:inline;
	@include box_sizing
}

.radio_buttons { display:inline; }






